.resource-access {
  margin-top: -8px;
  width: 100%;
  height: 100%;
  .legend {
    height: 44px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    .legend-header {
      height: 32px;
      display: flex;
      align-items: flex-end;
      gap: 4px;
      .num {
        font-weight: 700;
        font-size: 32px;
        line-height: 32px;
        color: var(--live-angular-color-text-regular);
      }

      .title {
        font-size: 14px;
        line-height: 22px;
        height: 22px;
        color: var(--live-angular-color-text-secondary);
      }
    }

    .legend-chart {
      margin-top: 4px;
      height: 8px;
      width: 100%;
      display: flex;
      gap: 4px;
      .chart-item {
        height: 8px;
        min-width: 4px;
      }
    }
  }

  .list {
    margin-top: 16px;
    .list-item {
      height: 40px;
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 8px;
      box-sizing: border-box;
      cursor: pointer;
      .list-item-left {
        display: flex;
        align-items: center;
        gap: 8px;
        .icon {
          width: 10px;
          height: 10px;
        }

        .name {
          font-size: 14px;
          color: var(--live-angular-color-text-regular);
        }
      }

      .list-item-right {
        .num {
          font-size: 14px;
        }
      }
    }
  }
}

.empty-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.lv-color-chart01 {
  background-color: #3388ff;
}
.lv-color-chart02 {
  background-color: #2eb6e6;
}
.lv-color-chart03 {
  background-color: #6e6eff;
}
.lv-color-chart04 {
  background-color: #86d44e;
}
.lv-color-chart05 {
  background-color: #7799d9;
}
.lv-color-chart06 {
  background-color: #3dccab;
}
.lv-color-chart07 {
  background-color: #40acff;
}
.lv-color-chart08 {
  background-color: #ba59ff;
}
.lv-color-chart09 {
  background-color: #f27272;
}
.lv-color-chart10 {
  background-color: #fbcc3f;
}
